@import "_function";

.search-page{
header{
  .bc(#cf4cff);
  .p(0,30,0,30);
  .oh();
  .top{
    .oh;
  }
  .scan{
    .fl();
    background-image: url("../img/zuo_03.png");
    .w(32);
    .h(48);
    .bgs(32,48);
    .m(20,0,8,8);
  }
  form{
    .w(500);
    .oh();
    .fl();
    .bdr(25);
    .h(50);
    .m(18,44,18,26);
    .bc(#fff);
    opacity: 0.7;
    input{
      .fl();
      .bn();
      .lh(50);
      .h(50);
      .w(430);
      .bc(#fff);
      .ti(38);
      .fs(26);
      .c(#616161);
      .utn;
    }
    .btn{
      .fl();
      background: url("../img/home_search_btn.png") transparent;
      .w(30);
      .h(30);
      .bs(30,30);
      .bn();
      .mt(10);
    }
  }
  .message{
    .fl();
    background-image: url("../img/home_message.png");
    .w(42);
    .h(70);
    .bgs(42,70);
    .mt(9);
  }
}
.main{
  .history{
    .mt(28);
    h2{
      .ml(26);
      .fs(24);
      .c(#333333);
      .mb(12);
    }
    ul{
      .pl(44);
      display: flex;
      flex-flow: row wrap;
      li{
        .p(0,20,0,20);
        .bc(#e6e6e6);
        .m(8,42,10,0);
        border: 1px solid #e6e6e6;
        .bdr(12);
        .h(30);
        a{
          .fs(20);
          .c(#333333);
          .lh(30);
        }
      }
    }
    .wire{
      overflow: hidden;
      .h(60);
      .w(690);
      border-bottom: 1px solid #cccccc;
    }
  }
}
.fotter{
  .bc(#ebb6ff);
  .w(690);
  .db();
  .h(98);
  .pf();
  bottom: 0;left: 0;
  .p(0,146,0,146);
  button{
    .bc(#ffffff);
    .mt(18);
    border: 1px solid #ffffff;
    .bdr(26);
    .p(0,50,0,60);
    .h(60);
    .oh;
    img{
      .w(22);
      .h(32);
      .mt(8);
      .fl;
    }
    i{
      .fl;
      .mt(10);
      .ml(22);
    }
  }
}
}